<template>
	<view class="page_button" hover-class="hoverClassList">
		<text class="icon iconfont" :style="fColorCm" v-if="icon">{{icon}}</text>
		<text class="text" :style="fColorCm">{{text}}</text>
	</view>
</template>

<script setup>
import { computed } from 'vue';
const props = defineProps({
	fColor:{
		type:String,
		default:'#5482ab'
	},
	icon:{
		type:String,
		default:'\ue68d'
	},
	text:{
		ype:String,
		default:'发消息'
	}
	
})

const fColorCm = computed(() => { //文字的颜色
	return `color: ${props.fColor};`
})

</script>

<style lang="less" scoped>
	.page_button{
		height: 80rpx;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		border-bottom: 1rpx solid #f5f5f5;		background-color: #fff;
		.icon{
			font-size: 35rpx;
		}
		.text{
			font-size: 30rpx;
			margin-left: 10rpx;
		}
	}
</style>